<?php
/**
 * @author thieu|quangthieuagu@gmail.com
 * @copyright 2011
 */
 include('submitform.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.6.4.js"></script> 
<script type="text/javascript">

    function showpage(page1,page2){
        jQuery('#page'+page1).hide();
        jQuery('#page'+page2).show();
    }
    var ms='';
    function checkValidPage1(){
        
        jQuery('#checkemail').val(1);
        if(jQuery('#name').val()==''){
            ms=ms+"Vui lòng cho biết tên của bạn.\n";
           // jQuery("#name").focus();
            //return false;
        }
        
        var dayValue = jQuery("#day").val();
    	var monthValue = jQuery("#month").val();
    	var yearValue = jQuery("#year").val();
    	if (dayValue == "" )
    	{
    	    ms=ms+'Vui lòng cho biết ngày sinh của bạn!.\n';
    		//alert("Vui lòng cho biết ngày sinh của bạn!");
    		//jQuery("#day").focus();
    		//return false;
    	}
    	
    	if (monthValue == "")
    	{
    	   ms=ms+'Vui lòng cho biết tháng sinh của bạn!.\n';
    		//alert("Vui lòng cho biết tháng sinh của bạn!");
    		//jQuery("#month").focus();
    		//return false;
    	}
    	
    	if (yearValue == "")
    	{
    	    ms=ms+'Vui lòng cho biết năm sinh của bạn!.\n';
    	//	alert("Vui lòng cho biết năm sinh của bạn! Năm sinh phải có 4 con số.");
    	//jQuery("#year").focus();
    	//	return false;
    	}
    	
    	if ((monthValue=="04" || monthValue=="06" || monthValue=="09" || monthValue=="11") 
    		&& dayValue=="31") 
    	{
    	   ms=ms+"Tháng " + monthValue + " không có ngày 31!\n";
    		//alert("Tháng " + monthValue + " không có ngày 31!");
    		//jQuery("#day").focus();
    		//return false;
    	}
    	
    	if (monthValue == "02") { // check for february 29th
    		var isleap = (yearValue % 4 == 0 && (yearValue % 100 != 0 || yearValue % 400 == 0));
    		if (dayValue>29 || (dayValue==29 && !isleap)) {
    			alert("Tháng 02 năm " + yearValue + " không có ngày " + dayValue + "!");
    			jQuery("#day").focus();
    			return false;
    		}
       	}
    	if(dayValue!=''&&yearValue!=''&&monthValue!=''){
        var current=new Date().getFullYear();
        var birthday=new Date(yearValue,monthValue,dayValue).getFullYear();
        if((current-birthday)<25||(current-birthday)>35){
            alert("Cám ơn bạn đã quan tâm đến The most stylist job in Vietnam! Tuy nhiên, rất tiếc là bạn không nằm trong độ tuổi được phép truy cập website.");
  			return false;
        }
        }
        if(jQuery('#job').val()==''){
            ms=ms+"Vui lòng cho biết nghề nghiệp của bạn.\n";
           // alert('Vui lòng cho biết nghề nghiệp của bạn.');
            //jQuery("#job").focus();
            //return false;
        }
        
         if(jQuery('#phone').val()==''){
            ms=ms+"Vui lòng cho biết số di động của bạn.\n";
           // alert('Vui lòng cho biết số di động của bạn.');
            //jQuery("#phone").focus();
            //return false;
        }
        phone=jQuery('#phone').val();
        phonelength=phone.length;
        if(phonelength>11){
            ms=ms+"Chỉ chấp nhận số di động có 11 số trở về.\n";
           // alert('Vui lòng cho biết số di động của bạn.');
            //jQuery("#phone").focus();
            //return false;
        }
        
        if(!isMobileValid(jQuery('#phone').val()))
        {
            ms=ms+"Số điện thoại không hợp lệ.\n";
        }
        if(jQuery('#email').val()==''){
            ms=ms+"Vui lòng cho biết email của bạn.\n";
            //alert('Vui lòng cho biết email của bạn.');
            //jQuery("#email").focus();
            //return false;
        }
        
        
       // if(jQuery('#checkemail').val()==0){
         //   jQuery("#email").focus();
          //  return false;
        //}
       
        if(ms!=''){
            alert(ms);
            ms='';
            return false;
        }
        
        jQuery.ajax({
          type: "POST",
          url: "checkemail.php",
          data: "email="+jQuery('#email').val()+"&phone="+jQuery('#phone').val(),
          success:function( msg ) {
            if(msg!='ok'){
                //ms=ms+msg+"\n";
               //jQuery('#checkemail').val(0);
               alert(msg); 
               
            }else{
                showpage(1,2);
            }
          
        }
        });
        
        
	return false;
    }
    
    function isMobileValid(phoneNum) {
    var re = /^(090|091|092|093|094|095|096|097|098|099|0120|0121|0122|0123|0124|0125|0126|0127|0128|1029|0160|0161|0162|0163|0164|0165|0166|0167|0168|0169|0190|0191|0192|0193|0194|0195|0196|0197|0198|0199|0188)\d+$/;
    if (phoneNum.match(re)) {
        var mobileValidRegexPattern = '090|091|092|093|094|095|096|097|098|099|0120|0121|0122|0123|0124|0125|0126|0127|0128|1029|0160|0161|0162|0163|0164|0165|0166|0167|0168|0169|0190|0191|0192|0193|0194|0195|0196|0197|0198|0199|0188';
        var mobileValids = mobileValidRegexPattern.split('|');

        for (var i = 0; i < mobileValids.length; i++) {
            var ext = mobileValids[i];
            var phoneExt = '';
            var restNum = '';
            if (phoneNum.length > ext.length) {
                phoneExt = phoneNum.substring(0, ext.length);
                restNum = phoneNum.substring(ext.length);
            }

            if (ext == phoneExt && restNum.length == 7) {
                return true;
            }
        }
        return false;
    }
    else {
        return false;
    }
}

    function checkValidPage2(page1,page2){
        if(jQuery('#desc').val()==''){
           // ms=ms+"Vui lòng cho biết số di động của bạn.\n";
            alert('Vui lòng mô tả một vài ký tự ngắn gọn mô tả về bạn.');
            jQuery("#desc").focus();
            return false;
        }
        
        if(jQuery('#desc').val().length>1500){
            alert('Vui lòng mô tả ít hơn 1500 ký tự.');
            jQuery("#desc").focus();
            return false;
        }
        showpage(page1,page2);
        return true;
    }
    function checkFileVideo(){
        var extAlow=new Array('flv','avi','mov');
        var ext = jQuery('#videofile').val().split('.').pop().toLowerCase();
        if(jQuery.inArray(ext, extAlow) == -1&&jQuery('#videofile').val()!='') {
            alert('Bạn vui lòng chọn video có dịnh dạng (flv|avi|mov).');
            return false;
        }
        return true;
    }
    
    function checkFileImgage(){
        var msg='';
        var extAlow=new Array('gif','png','jpg');
      
        var ext1 = jQuery('#file1').val().split('.').pop().toLowerCase();
        if(jQuery.inArray(ext1, extAlow) == -1&&jQuery('#file1').val()!='') {
            msg=msg+'Hình 1: Bạn vui lòng chọn hình có dịnh dạng (gif|png|jpg).\n';
        }
        
        var ext2 = jQuery('#file2').val().split('.').pop().toLowerCase();
        if(jQuery.inArray(ext2, extAlow) == -1&&jQuery('#file2').val()!='') {
            msg=msg+'Hình 2: Bạn vui lòng chọn hình có dịnh dạng (gif|png|jpg).\n';
        }
        
        var ext3 = jQuery('#file3').val().split('.').pop().toLowerCase();
        if(jQuery.inArray(ext3, extAlow) == -1&&jQuery('#file3').val()!='') {
            msg=msg+'Hình 3: Bạn vui lòng chọn hình có dịnh dạng (gif|png|jpg).\n';
        }
        
        var ext4 = jQuery('#file4').val().split('.').pop().toLowerCase();
        if(jQuery.inArray(ext4, extAlow) == -1&&jQuery('#file4').val()!='') {
            msg=msg+'Hình 4: Bạn vui lòng chọn hình có dịnh dạng (gif|png|jpg).\n';
        }
        
        var ext5 = jQuery('#file5').val().split('.').pop().toLowerCase();
        if(jQuery.inArray(ext5, extAlow) == -1&&jQuery('#file5').val()!='') {
            msg=msg+'Hình 5: Bạn vui lòng chọn hình có dịnh dạng (gif|png|jpg).\n';
        }
        
        if(msg!=''){
            alert(msg);
            return false;
        }
        return true;
    }
    
    function checkvalidPage3(){
        var msg='';
        var extAlow=new Array('gif','png','jpg');
        if(jQuery('#file1').val()==''&&jQuery('#file2').val()==''&&jQuery('#file3').val()==''&&jQuery('#file4').val()==''&&jQuery('#file5').val()==''){
            msg=msg+'Bạn phải gửi ít nhất một tấm hình hoặc một video cho chúng tôi.';
        }
        
      
        if(msg!=''&&jQuery('#videofile').val()==''){
            alert(msg);
            return false;
        }
        var ext1 = jQuery('#file1').val().split('.').pop().toLowerCase();
        if(jQuery.inArray(ext1, extAlow) == -1&&jQuery('#file1').val()!='') {
            msg=msg+'Hình 1: Bạn vui lòng chọn hình có dịnh dạng (gif|png|jpg).\n';
        }
        
        var ext2 = jQuery('#file2').val().split('.').pop().toLowerCase();
        if(jQuery.inArray(ext2, extAlow) == -1&&jQuery('#file2').val()!='') {
            msg=msg+'Hình 2: Bạn vui lòng chọn hình có dịnh dạng (gif|png|jpg).\n';
        }
        
        var ext3 = jQuery('#file3').val().split('.').pop().toLowerCase();
        if(jQuery.inArray(ext3, extAlow) == -1&&jQuery('#file3').val()!='') {
            msg=msg+'Hình 3: Bạn vui lòng chọn hình có dịnh dạng (gif|png|jpg).\n';
        }
        
        var ext4 = jQuery('#file4').val().split('.').pop().toLowerCase();
        if(jQuery.inArray(ext4, extAlow) == -1&&jQuery('#file4').val()!='') {
            msg=msg+'Hình 4: Bạn vui lòng chọn hình có dịnh dạng (gif|png|jpg).\n';
        }
        
        var ext5 = jQuery('#file5').val().split('.').pop().toLowerCase();
        if(jQuery.inArray(ext5, extAlow) == -1&&jQuery('#file5').val()!='') {
            msg=msg+'Hình 5: Bạn vui lòng chọn hình có dịnh dạng (gif|png|jpg).\n';
        }
        
        if(msg!=''){
            alert(msg);
            return false;
        }
        //alert('e');
       // saveSelections(document.forms[0]);
       showloading();
        document.formsubmit.submit();
        return true;
       
    }
    
    function checkvalidPage4(){
        var msg='';
        var extAlow=new Array('flv','avi','mov');
        if(jQuery('#videofile').val()==''&&jQuery('#file1').val()==''&&jQuery('#file2').val()==''&&jQuery('#file3').val()==''&&jQuery('#file4').val()==''&&jQuery('#file5').val()==''){
            alert('Bạn vui lòng chọn một video hoặc một hình dự thi.');
            return false;
        }
        
        
        var ext = jQuery('#videofile').val().split('.').pop().toLowerCase();
        if(jQuery.inArray(ext, extAlow) == -1&&jQuery('#videofile').val()!='') {
            alert('Bạn vui lòng chọn video có dịnh dạng (flv|avi|mov).');
            return false;
            
        }
        showloading();
        //saveSelections(document.forms[0]);
        document.formsubmit.submit();
        return true;
       
    }
    function resetFile(id_){
        var id=jQuery('#'+id_).attr('id');
        jQuery('#'+id_).replaceWith("<input class='filefield_area' size='40' maxlength='100' type='file' name='"+id+"' id='"+id+"' />");
    }
    
    function showloading()
    {
        jQuery('#waitting2').show();
        jQuery('#waitting1').show();
    }
</script>
<title>Untitled Document</title>
<style type="text/css">
p{
	margin:0 0 20px 0;
	line-height:18px;
	
}
a.fb_link{
	text-decoration:none;
	color:#d0c18e;
	font-size:11px;
	
}
a.fb_link:hover{
	text-decoration:underline;
	
}
input.text_field {
	width:264px;
	background:url(img/input_bg.png) top left no-repeat;
	height:20px;
	border:none;
	color:#aaa;
	padding:3px 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}
.textarea_field{
	background-color: #292925;
    border: 1px solid #847e65;
    color: #aaa;
    margin: 0;
    padding: 10px ;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.filefield_area{	
	width:288px;
	background-color:#292925;
 
	color:#aaa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

.btn_tieptuc{
	display:block;
	width:106px;
	height:30px;
	background:url(img/btn_tieptuc.png) left top no-repeat;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}
.btn_hoantat{
	display:block;
	width:110px;
	height:34px;
	background:url(img/btn_hoantat.png) left top no-repeat;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}
.btn_guihinh{
	display:block;
	width:107px;
	height:34px;
	background:url(img/btn_guihinh.png) left top no-repeat;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}
.btn_guivideo{
	display:block;
	width:107px;
	height:34px;
	background:url(img/btn_guivideo.png) left top no-repeat;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}
select, label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
	
}
p.photo_des{
	text-align:center;
	margin: 0 10px;
	font-size:14px;
	color:#666;
    cursor: pointer;
	
}
p.photo_des.active{
	color:#d0c18e; 
	
}
.waiting{
    position: absolute;
    width: 520px;
    height:800px;
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=60);

    /* Older than Firefox 0.9 */
    -moz-opacity:0.5;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.6;

    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    background:black;
    z-index: 1;

}
.waiting-text{
    color:#fff;
    left:210px;
    position: fixed; 
    top: 20px;
    z-index: 2;
    width:150px;
    height:30px;
    color:#fff;
    background:maroon;
    padding-left:10px;
    padding-top: 2px;
    font-size:14pt;
    
}

</style>
</head>

<body>
<div id="waitting1" class="waiting-text" style="display: none;"><img height="20" src="img/loading.gif"/> Đang tải ...</div>
<div id="waitting2" class="waiting" style="display: none;"></div>
<form action="index.php" method="post" enctype="multipart/form-data" name="formsubmit" id="formsubmit">
<!--Trang 1-->
<div id="page1">
<table style="display:block;" width="520" border="0" cellspacing="0" cellpadding="0" background="img/bg.jpg">
  <tr>
    <td width="20" height="25">&nbsp;</td>
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td colspan="2"><img src="img/title_dangky.png" width="330" height="30" /></td>
  </tr>
  <tr>
    <td height="38" colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td height="50">&nbsp;</td>
    <td height="50" colspan="2"><img style="float: left;" src="img/btn_thongtinveban.png" width="165" height="50" />
    <div onclick="checkValidPage1();" style="width: 165px;height:50px; cursor: pointer; float:left;"></div>
    </td>
  </tr>
  <tr>
    <td height="30" colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td height="627">&nbsp;</td>
    <td width="26">&nbsp;</td>
    <td width="488" align="left" valign="top">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;">
      <tr>
        <td colspan="2" align="left" valign="top">
        	<p>
        	Để bắt đầu tham gia vào The most stylist job in Vietnam, bạn hãy điền thông tin<br />về bạn vào ô bên dưới rồi nhấn nút <strong>Tiếp tục.<br /></strong>
			</p>
		</td>
      </tr>
      <tr>
        <td width="29%" height="36" align="left" valign="top">Họ tên</td>
        <td width="71%" align="left" valign="top">
          <label for="textfield"></label>
          <input class="text_field" name="name" type="text" value="<?php echo empty($data['name'])?'':$data['name'] ?>" id="name" size="50" maxlength="60" />
       </td>
      </tr>
      <tr>
        <td height="36" align="left" valign="top">Ngày sinh</td>
        <td align="left" valign="top">
        	<select name="day" id="day">
            <option value="">Ngày</option>
            <?php for($i=1;$i<32;$i++){ ?>
              <option <?php echo (@$data['day']==$i)?'selected':''; ?> value="<?php echo $i ?>"><?php echo $i ?></option>
              <?php } ?>
            </select>
            &nbsp;&nbsp;&nbsp;
        	<select name="month" id="month">
              <option value="">Tháng</option>
            <?php for($i=1;$i<12;$i++){ ?>
              <option <?php echo (@$data['month']==$i)?'selected':''; ?> value="<?php echo $i ?>"><?php echo $i ?></option>
              <?php } ?>
            </select>
            &nbsp;&nbsp;&nbsp;&nbsp;
        	<select name="year" id="year">
              <option value="">Năm</option>
            <?php for($i=2000;$i>=1900;$i--){ ?>
              <option <?php echo (@$data['year']==$i)?'selected':''; ?> value="<?php echo $i ?>"><?php echo $i ?></option>
              <?php } ?>
            </select>
        </td>
      </tr>
      <tr>
        <td height="36" align="left" valign="top">Quốc tịch Việt Nam</td>
        <td align="left" valign="top">
        <?php
            $checked1=empty($data['country'])?'':'checked="checked"';
            $checked2=empty($data['country'])?'checked="checked"':'';
            if(!isset($data['country'])){
                $checked1='checked="checked"';
                $checked2='';
            }
         ?>
        	<input type="radio" name="country" <?php echo $checked1; ?> value="1" />
            <label for="radio">Đúng</label>
            &nbsp;&nbsp;&nbsp;&nbsp;
        	<input type="radio" name="country" <?php echo $checked2; ?> value="0" />
            <label for="radio">Sai</label>
        </td>
      </tr>
      <tr>
        <td height="36" align="left" valign="top">Tình trạng hôn nhân</td>
        <td align="left" valign="top">
        	 <?php
            $checked1=empty($data['family'])?'':'selected="selected"';
            $checked2=empty($data['family'])?'selected="selected"':'';
            if(!isset($data['family'])){
                $checked2='selected="selected"';
                $checked1='';
            }
         ?>
        	<select name="family" id="family">
              <option <?php echo $checked2 ?> value="0">Độc thân</option>
              <option <?php echo $checked1 ?> value="1">Có gia đình</option> 
            </select>
        
        </td>
      </tr>
      <tr>
        <td height="36" align="left" valign="top">Nghề nghiệp</td>
        <td align="left" valign="top"><input class="text_field" name="job" value="<?php echo empty($data['job'])?'':$data['job'] ?>" type="text" id="job" size="50" maxlength="60" /></td>
      </tr>
      <tr>
        <td height="36" align="left" valign="top">Email</td>
        <td align="left" valign="top"><input class="text_field" name="email" value="<?php echo empty($data['email'])?'':$data['email'] ?>" type="text" id="email" size="50" maxlength="60" /></td>
      </tr>
      <tr>
        <td height="36" align="left" valign="top">Số di động</td>
        <td align="left" valign="top"><input class="text_field" name="phone" value="<?php echo empty($data['phone'])?'':$data['phone'] ?>" type="text" id="phone" size="50" maxlength="60" /></td>
      </tr>
      <tr>
        <td height="36" align="left" valign="top">&nbsp;</td>
        <td align="left" valign="top">
        <input type="hidden" name="checkemail" id="checkemail" value="1" />
        	<input class="btn_tieptuc" type="button" onclick="checkValidPage1();" name="button___" id="button___" value="" />
        </td>
      </tr>
    </table>
    </td>
  </tr> 
</table>
</div>
 
<!--Trang 2-->
<div style="display: none;" id="page2">
<table  width="520" border="0" cellspacing="0" cellpadding="0" background="img/bg.jpg">
  <tr>
    <td width="20" height="25">&nbsp;</td>
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td colspan="2"><img src="img/title_dangky.png" width="330" height="30" /></td>
  </tr>
  <tr>
    <td height="38" colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td height="50">&nbsp;</td>
    <td height="50" colspan="2">
    <div onclick="showpage(2,1);" style="width: 143px;height:50px;position: absolute; cursor: pointer;"></div>
    <img style="margin:0 0 0 141px;" src="img/btn_baiduthi.png" width="165" height="50" /></td>
  </tr>
  <tr>
    <td height="30" colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td height="627">&nbsp;</td>
    <td width="7">&nbsp;</td>
    <td width="488" align="left" valign="top">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;">
      <tr>
        <td width="100%" align="left" valign="top">
        	
        </td>
      </tr>
      <tr>
        <td align="left" valign="top">
        	
        	<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
              <tr>
                <td width="5%">&nbsp;</td>
                <td width="90%" height="97" valign="top">
                <p style="color:#d0c18e; font-size:16px; font-weight:bold; margin:0 0 10px">Platinum 18 đang tìm kiếm đại sứ thương hiệu.</p>
                <p style="width:460px"> Hãy thể hiện phong cách của bạn qua 1 bài viết ngắn dưới 1,500 từ, kèm theo 1 video giới thiệu dười 2 phút về bạn hoặc 5 tấm hình của bạn. Chúc bạn thành công!</strong>
			</p>
            </td>
                <td width="5%">&nbsp;</td>
              </tr>
            </table>
        	
		</td>
      </tr>
      <tr>
        <td height="225" align="left" valign="top" style="background:url(img/img_center_01.png) top left no-repeat;">
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                    <td height="140">&nbsp;</td>
                    <td>&nbsp;</td>
                    <td style="cursor: pointer;" onclick="checkValidPage2(2,3);">&nbsp;</td>
                    <td style="cursor: pointer;" onclick="checkValidPage2(2,4);">&nbsp;</td>
                    <td>&nbsp;</td>
               </tr>
               <tr>
                <td width="4%" height="85" valign="top">&nbsp;</td>
                <td width="30%" valign="top"><p class="photo_des active">Mô tả ngắn gọn trong 1.500 từ <br /> về bạn</p></td>
                <td width="31%" valign="top"><p class="photo_des" onclick="checkValidPage2(2,3);">Gửi cho chúng tôi <br /> 5 tấm ảnh <br /> của bạn</p></td>
                <td width="28%" valign="top"><p class="photo_des" onclick="checkValidPage2(2,4);">Gửi cho chúng tôi<br />1 đoạn video <br />về bạn</p></td>
                <td width="7%" valign="top">&nbsp;</td>
               </tr>
            </table>

        </td>
      </tr>
      <tr>
        <td height="300" align="left" valign="top" style="background:url(img/form_bg.png) top left no-repeat;">
        	<table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="4%" height="25">&nbsp;</td>
                <td width="89%" height="40" valign="middle">Mô tả ngắn gọn trong 1.500 từ về bạn</td>
                <td width="7%">&nbsp;</td>
              </tr>
              <tr>
                <td height="30">&nbsp;</td>
                <td valign="top"><textarea class="textarea_field" name="desc" id="desc" cols="65" rows="10"><?php echo empty($data['desc'])?'':$data['desc']; ?></textarea></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="70" align="center">&nbsp;</td>
                <td align="center" valign="middle">
                
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="196" align="right" valign="middle"><input class="btn_guihinh" onclick="checkValidPage2(2,3);" type="button" name="button_2" id="button_chonhinh" value="" />  </td>
                        <td width="100" align="center" valign="middle">hoặc</td>
                        <td width="196" align="left" valign="middle"><input class="btn_guivideo" type="button" onclick="checkValidPage2(2,4);" name="button_1" id="button_chonvideo" value="" /></td>
                      </tr>
                    </table>
                
                </td>
                <td>&nbsp;</td>
              </tr>
            </table>
        </td>
      </tr>
    </table>
    </td>
  </tr> 
</table>
</div>

<!--Trang 3-->
<div style="display: none;" id="page3">
<table  width="520" border="0" cellspacing="0" cellpadding="0" background="img/bg.jpg">
  <tr>
    <td width="20" height="25">&nbsp;</td>
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td colspan="2"><img src="img/title_dangky.png" width="330" height="30" /></td>
  </tr>
  <tr>
    <td height="38" colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td height="50">&nbsp;</td>
    <td height="50" colspan="2">
    <div onclick="showpage(3,1);" style="width: 143px;height:50px;position: absolute; cursor: pointer;"></div>
    <img style="margin:0 0 0 141px;" src="img/btn_baiduthi.png" width="165" height="50" /></td>
  </tr>
  <tr>
    <td height="30" colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td height="627">&nbsp;</td>
    <td width="7">&nbsp;</td>
    <td width="488" align="left" valign="top">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;">
      <tr>
        <td width="100%" align="left" valign="top">
        	
        </td>
      </tr>
      <tr>
        <td align="left" valign="top">
        	
        	<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
              <tr>
                <td width="5%">&nbsp;</td>
                <td width="90%" height="97" valign="top">
                <p style="color:#d0c18e; font-size:16px; font-weight:bold; margin:0 0 10px">Platinum 18 đang tìm kiếm đại sứ thương hiệu.</p>
                <p style="width:460px"> Hãy thể hiện phong cách của bạn qua 1 bài viết ngắn dưới 1,500 từ, kèm theo 1 video giới thiệu dười 2 phút về bạn hoặc 5 tấm hình của bạn. Chúc bạn thành công!</strong>
			</p>
            </td>
                <td width="5%">&nbsp;</td>
              </tr>
            </table>
        	
		</td>
      </tr>
      <tr>
        <td height="225" align="left" valign="top" style="background:url(img/img_center_02.png) top left no-repeat;">
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                    <td height="140">&nbsp;</td>
                    <td onclick="if(checkFileImgage())showpage(3,2);" style="cursor: pointer;">&nbsp;</td>
                    <td >&nbsp;</td>
                    <td onclick="if(checkFileImgage())showpage(3,4);" style="cursor: pointer;">&nbsp;</td>
                    <td>&nbsp;</td>
               </tr>
               <tr>
                <td width="4%" height="85" valign="top">&nbsp;</td>
                <td width="30%" valign="top"><p class="photo_des " onclick="if(checkFileImgage())showpage(3,2);">Mô tả ngắn gọn trong 1.500 từ <br /> về bạn</p></td>
                <td width="31%" valign="top"><p class="photo_des active">Gửi cho chúng tôi <br /> 5 tấm ảnh <br /> của bạn</p></td>
                <td width="28%" valign="top"><p class="photo_des" onclick="if(checkFileImgage())showpage(3,4);" >Gửi cho chúng tôi<br />1 đoạn video <br />về bạn</p></td>
                <td width="7%" valign="top">&nbsp;</td>
               </tr>
            </table>

        </td>
      </tr>
      <tr>
        <td height="300" align="left" valign="top" style="background:url(img/form_bg.png) top left no-repeat;">
        	<table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="4%" height="25">&nbsp;</td>
                <td width="89%" height="40" onclick="showpage(3,4);" style="cursor: pointer;" valign="middle">Gửi cho chúng tôi 5 tấm ảnh của bạn.</td>
                <td width="7%">&nbsp;</td>
              </tr>
              <tr>
                <td height="30">&nbsp;</td>
                <td valign="top">
                	<label style="margin:0 30px 0 0 ;" for="fileField">Hình #1</label>
                  	<input name="file1" type="file" class="filefield_area" id="file1" size="40" maxlength="100" /><input type="button" value="Bỏ chọn" class="filefilereset" onclick="resetFile('file1');" /></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="30">&nbsp;</td>
                <td valign="top">
                	<label style="margin:0 30px 0 0 ;" for="fileField">Hình #2</label>
               	  <input name="file2" type="file" class="filefield_area" id="file2" size="40" maxlength="100" /><input type="button" value="Bỏ chọn" class="filefilereset" onclick="resetFile('file2');" /></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="30">&nbsp;</td>
                <td valign="top">
                	<label style="margin:0 30px 0 0 ;" for="fileField">Hình #3</label>
               	  <input name="file3" type="file" class="filefield_area" id="file3" size="40" maxlength="100" /><input type="button" value="Bỏ chọn" class="filefilereset" onclick="resetFile('file3');" /></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="30">&nbsp;</td>
                <td valign="top">
                	<label style="margin:0 30px 0 0 ;" for="fileField">Hình #4</label>
               	  <input name="file4" type="file" class="filefield_area" id="file4" size="40" maxlength="100" /><input type="button" value="Bỏ chọn" class="filefilereset" onclick="resetFile('file4');" /></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="30">&nbsp;</td>
                <td valign="top">
                	<label style="margin:0 30px 0 0 ;" for="fileField">Hình #5</label>
               	  <input name="file5" type="file" class="filefield_area" id="file5" size="40" maxlength="100" /><input type="button" value="Bỏ chọn" class="filefilereset" onclick="resetFile('file5');" /></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="70" align="center">&nbsp;</td>
                <td height="90" align="center" valign="middle">
                	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="71%" align="left" valign="top">
                       		<p style="color:#d0c18e">&gt; <a class="fb_link" onclick="if(checkFileImgage())showpage(3,4);" href="javascript:;">Bạn có thể gửi thêm 1 đoạn Video về mình.</a></p>
                         </td>
                        <td width="29%">
		        			<input class="btn_hoantat" type="button" onclick="checkvalidPage3();" name="btbutton1" id="btbutton1" value="" />
                        </td>
                        </tr>
                    </table>

                </td>
                <td>&nbsp;</td>
              </tr>
            </table>
        </td>
      </tr>
    </table>
    </td>
  </tr> 
</table>
</div>

<!--Trang 4-->
<div style="display: none;" id="page4">
<table width="520" border="0" cellspacing="0" cellpadding="0" background="img/bg.jpg">
  <tr>
    <td width="20" height="25">&nbsp;</td>
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td colspan="2"><img src="img/title_dangky.png" width="330" height="30" /></td>
  </tr>
  <tr>
    <td height="38" colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td height="50">&nbsp;</td>
    <td height="50" colspan="2">
    <div onclick="showpage(4,1);" style="width: 143px;height:50px;position: absolute; cursor: pointer;"></div>
    <img style="margin:0 0 0 141px;" src="img/btn_baiduthi.png" width="165" height="50" /></td>
  </tr>
  <tr>
    <td height="30" colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td height="627">&nbsp;</td>
    <td width="7">&nbsp;</td>
    <td width="488" align="left" valign="top">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;">
      <tr>
        <td width="100%" align="left" valign="top">
        	
        </td>
      </tr>
      <tr>
        <td align="left" valign="top">
        	
        	<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
              <tr>
                <td width="5%">&nbsp;</td>
                <td width="90%" height="97" valign="top">
                <p style="color:#d0c18e; font-size:16px; font-weight:bold; margin:0 0 10px">Platinum 18 đang tìm kiếm đại sứ thương hiệu.</p>
                <p style="width:460px"> Hãy thể hiện phong cách của bạn qua 1 bài viết ngắn dưới 1,500 từ, kèm theo 1 video giới thiệu dười 2 phút về bạn hoặc 5 tấm hình của bạn. Chúc bạn thành công!</strong>
			</p>
            </td>
                <td width="5%">&nbsp;</td>
              </tr>
            </table>
        	
		</td>
      </tr>
      <tr>
        <td height="225" align="left" valign="top" style="background:url(img/img_center_03.png) top left no-repeat;">
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                    <td height="140">&nbsp;</td>
                    <td onclick="if(checkFileVideo())showpage(4,2);" style="cursor: pointer;">&nbsp;</td>
                    <td onclick="if(checkFileVideo())showpage(4,3);" style="cursor: pointer;">&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
               </tr>
               <tr>
                <td width="4%" height="85" valign="top">&nbsp;</td>
                <td width="30%" valign="top"><p class="photo_des " onclick="if(checkFileVideo())showpage(4,2);">Mô tả ngắn gọn trong 1.500 từ <br /> về bạn</p></td>
                <td width="31%" valign="top"><p class="photo_des " onclick="if(checkFileVideo())showpage(4,3);">Gửi cho chúng tôi <br /> 5 tấm ảnh <br /> của bạn</p></td>
                <td width="28%" valign="top"><p class="photo_des active">Gửi cho chúng tôi<br />1 đoạn video <br />về bạn</p></td>
                <td width="7%" valign="top">&nbsp;</td>
               </tr>
            </table>

        </td>
      </tr>
      <tr>
        <td height="300" align="left" valign="top" style="background:url(img/form_bg.png) top left no-repeat;">
        	<table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="40">&nbsp;</td>
                <td height="40" valign="middle">&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td width="4%" height="20">&nbsp;</td>
                <td width="89%" valign="top">Gửi cho chúng tôi 1 đoạn video về bạn.</td>
                <td width="7%">&nbsp;</td>
              </tr>
              <tr>
                <td height="60">&nbsp;</td>
                <td valign="top"> 
                  	<input name="videofile" type="file" class="filefield_area" id="videofile" size="40" maxlength="100" /><input type="button" value="Bỏ chọn" class="filefilereset" onclick="resetFile('videofile');" /></td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="50" align="left" valign="top">&nbsp;</td>
                <td align="left" valign="top">                  	
              		<p style="color:#d0c18e">&gt; <a class="fb_link" onclick="if(checkFileVideo())showpage(4,3);" href="javascript:;">Bạn có thể gửi thêm 5 tấm ảnh về mình.</a>
                </td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="70" align="center">&nbsp;</td>
                <td align="center" valign="middle">
                  <input class="btn_hoantat" type="button" name="btbutton"  onclick="checkvalidPage4();" id="btbutton" value="" />
                  </td>
                <td>&nbsp;</td>
              </tr>
            </table>
        </td>
      </tr>
    </table>
    </td>
  </tr> 
</table>
</div>


<div style="display: none;" id="page5">
<!--Trang 5-->
<table width="520" border="0" cellspacing="0" cellpadding="0" background="img/bg.jpg">
  <tr>
    <td width="20" height="25">&nbsp;</td>
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td colspan="2"><img src="img/title_dangky.png" width="330" height="30" /></td>
  </tr>
  <tr>
    <td height="38" colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td height="50">&nbsp;</td>
    <td height="50" colspan="2"><img style="margin:0 0 0 141px;" src="img/btn_baiduthi.png" width="165" height="50" /></td>
  </tr>
  <tr>
    <td height="30" colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td height="627">&nbsp;</td>
    <td width="7">&nbsp;</td>
    <td width="488" align="left" valign="top">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;">
      <tr>
        <td width="100%" align="left" valign="top">
        </td>
      </tr>
      <tr>
        <td align="left" valign="top">
        	
        	<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
              <tr>
                <td width="5%">&nbsp;</td>
                <td width="90%" height="97" align="center" valign="top">
                <p style="color:#d0c18e; font-size:16px; font-weight:bold; margin:0 0 10px">Platinum 18 đang tìm kiếm đại sứ thương hiệu.</p>
                
                </td>
                <td width="5%">&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td height="97" align="center" valign="top"><img src="img/thanks.png" width="343" height="66" alt=" " /></td>
                <td>&nbsp;</td>
              </tr>
            </table>
        	
		</td>
      </tr>
    </table>
    </td>
  </tr> 
</table>
</div>
</form>
<?php if(!empty($msg)&&$msg!='ok'){?>
<script type="text/javascript">
    //loadSelections(document.forms[0]);
    
    jQuery('#page1').hide();
    jQuery('#page2').hide();
    jQuery('#page3').hide();
    jQuery('#page4').hide();
    jQuery('#page5').hide();
    jQuery('#page<?php echo $page ?>').show();
    alert('<?php echo $msg ?>');
</script>
<?php }elseif(@$msg=='ok'){?>
<script type="text/javascript">
    document.location.href='index.php?status=completed';
</script>
<?php } ?>
<?php if(@$_GET['status']=='completed'){
    ?>
    <script type="text/javascript">
    //loadSelections(document.forms[0]);
    jQuery('#page1').hide();
    jQuery('#page2').hide();
    jQuery('#page3').hide();
    jQuery('#page4').hide();
    jQuery('#page5').show();
    </script>
<?php } ?>
</body>
</html>
